*{margin:0;padding:0;list-style:none;font-style:normal}
body{font-family:"Microsoft YaHei",SimSun;font-size:14px;color:#444}
input,select,textarea{font-family:"Microsoft YaHei",SimSun;outline:0}
:focus{outline:0}
a{text-decoration:none;color:#21242c}
a:hover{text-decoration:underline;color:#21242c}
.fl{float: left;}
.fr{float: right;}
.hide{display: none; }
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.main-content{width:1200px;margin:0 auto;position:relative}
.head{background:#0b2149;height:60px;width:100%;top:0;left:0;z-index:100;position: sticky;}
.head-white{background:#fff;border-bottom:#dbdcdd solid 1px;box-sizing:border-box}
.head-white .head-content .nav a{color:#1865f2}
.head-white .head-content .allCourse a{color:#1865f2}
.head-white .head-content .allCourse .search .search-input{color:#1865f2;background:#f7f8fa}
.head-white .head-content .allCourse .search .search-input::placeholder{color:#1865f2}
.head-white .head-content .allCourse .search .search-btn{color:#8c8e93}
.head-white .head-content .logo{width:171px}
.head-white .head-content .logo a{background:url(../images/logo.png) no-repeat center;background-size:164px 40px;display:block}
.head-white .head-content .logo img{display:none}
.head-content{width:1200px;margin:0 auto;display:flex;height:100%;justify-content:space-between}
.head-content .logo img{height:40px}
.head-content .logo a{height:100%;align-items:center;display:flex}
.head-content .nav{flex-grow:1;width:0;text-align:right;position:relative}
.head-content .nav a{font-size:16px;font-weight:700;margin-left:30px;color:#fff;line-height:60px;display:inline-block}
.head-content .allCourse{flex-grow:1;width:0;display:flex}
.head-content .allCourse a{color:#fff;font-size:16px;font-weight:700;line-height:60px;display:inline-block}
.head-content .allCourse a i{transform:rotate(0);margin-left:5px;display:inline-block;font-weight:400}
.head-content .allCourse .sub-allCourse{position:absolute;top:60px;left:0;width:100%;z-index: 100;background-color:rgba(247,248,250,.99);border-bottom:1px solid rgba(33,36,44,.16);display:none;height:calc(100vh - 60px);overflow-y: auto;}
.head-content .allCourse .sub-allCourse ul{padding:28px 0 16px;display:flex;justify-content: space-between;}
.head-content .allCourse .sub-allCourse ul li{margin:4px 0 12px;}
.head-content .allCourse .sub-allCourse ul li h4{padding-bottom:15px;font-size:16px}
.head-content .allCourse .sub-allCourse ul li h4 a{margin-bottom:0;font-weight:700;color:#21242c}
.head-content .allCourse .sub-allCourse ul li h4 a:hover{color:#1865f2}
.head-content .allCourse .sub-allCourse ul li a em{font-family:arial}
.head-content .allCourse .sub-allCourse ul li a{display: flex;color:#1865f2;margin-bottom:16px;font-size:16px;line-height:20px;clear:both;font-weight:400;}
.head-content .allCourse .sub-allCourse ul li a em{font-family:arial;display: inline-block}
.head-content .allCourse .sub-allCourse ul li a span{padding-right: 15px;display: inline-block;}
@media screen and (min-width:1366px){.head-content .allCourse .sub-allCourse{background-image:url(../images/allCourse-left-bg.png),url(../images/allCourse-right-bg.png);background-position:center left,top -62px right 0;background-repeat:no-repeat}
}
.head-content .allCourse .courseLink{padding-right:30px}
.head-content .allCourse .search{margin-left:0px;align-items:center;display:flex;width:220px;position:relative}
.head-content .allCourse .search form{position:relative}
.head-content .allCourse .search .search-input{height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;width:220px;border-radius:4px;color:#fff;background:#1f3358;border:none}
.head-content .allCourse .search .search-input::placeholder{color:#fff;font-size:16px;font-weight:700}
.head-content .allCourse .search .search-btn{border:none;background:0 0;color:#fff;position:absolute;right:10px;cursor:pointer;height:40px;top:0}
.head-content .allCourse .search .search-btn i{font-size:18px}
.head-home{position:relative !important;}
.sub-allCourse-home{height: auto !important;overflow: hidden !important;}

.user-dropdown-sub{display:none;border:#dedfe1 solid 1px;width:180px;background:#fff;right:0;position:absolute;top:59px;text-align:left;padding:10px 0;z-index: 99999;}
.user-dropdown-sub ul li a{line-height:44px!important;font-weight:400!important;display:block}
.footer{background:#0b2149;color:#8295ba;padding:0;clear:both}
.footer .foot-main{display:flex;padding:40px 0}
.footer .foot-main .slogan{width:460px}
.footer .foot-main .slogan h2{font-weight:600;font-size:24px;font-family:SimSun;margin-bottom:20px;line-height:36px}
.footer .foot-main .site-navigation{padding-left:80px}
.footer .foot-main .site-navigation ul{display:flex}
.footer .foot-main .site-navigation ul li{padding-right:80px}
.footer .foot-main .site-navigation ul li a{clear:both;display:block;color:#fff;line-height:36px}
.footer .foot-main .site-navigation ul li h3{font-size:14px;line-height:36px}
.footer .copyright{padding:30px 0;border-top:rgba(255,255,255,.1) solid 1px;text-align: center;}
.footer .copyright a{color:#8295ba;}
.footer .copyright img{margin-right: 10px;width: 20px;}
.page{padding:30px 0 30px;overflow:hidden;clear:both;text-align:center;}
.page span,.page-disabled{display:inline-block;padding:0 4px;min-width:24px;height:32px;line-height:32px;font-size:16px;color:#c8cdd2;text-align:center}
.page li{display: inline-block;
    margin: 0 5px;
    padding: 0 4px;
    min-width: 24px;
    line-height: 32px;
    font-size: 16px;
    color: #4d555d;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;}
.page li a{font-size:14px;color:#4d555d;text-align:center;}
.page li:hover{background:rgba(0,0,0,.1);color:#4d555d;text-decoration:none}
.page li.active{background:#1865f2;color:#fff}
.page li.active span{color:#fff}
.skin-pop.layui-layer{border-radius:15px}
.skin-pop .layui-layer-title{display:none}
.skin-pop .layui-layer-setwin span{font-size:26px;width:auto;height:auto}
.skin-pop .layui-layer-setwin{right:25px;top:25px}
.skin-pop .layui-layer-content{overflow:hidden!important}
.skin-pop .layui-tab-content{padding:0!important}
.skin-pop .layui-layer-content{height:auto!important}
.popup{text-align:center;padding:0 0 30px}
.popup h4{padding:20px 0 20px;font-size:16px}
.popup .btn{display:block}
.popup .btn a{background:#1865f2;display:inline-block;border-radius:4px;padding:0 25px;height:40px;line-height:40px;font-size:16px;font-weight:700;color:#fff;text-decoration:none}
.popup .btn a:hover{box-shadow:0 0 0 1px #fff,0 0 0 3px #1865f2;text-decoration:none}
.popup .price{padding-bottom:25px}
.popup .price span{font-size:20px;font-family:arial;color:red;padding:0 10px}
.popup .price em{color:#666;text-decoration:line-through}
.search-head{background:url(../images/search.jpg) no-repeat center;background-size:cover;width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}
.search-head form{position:relative}
.search-head .search-input{height:64px;line-height:64px;padding:0 20px;box-sizing:border-box;width:550px;border-radius:4px;color:#21242c;background:#fff;border:none;box-shadow:0 1px 0 0 rgba(33,36,44,.16)}
.search-head .search-input::placeholder{color:#21242c;font-size:16px;font-weight:700}
.search-head .search-btn{border:none;background:0 0;color:#717378;position:absolute;right:20px;cursor:pointer;height:64px;top:0}
.search-head .search-btn i{font-size:24px}
.search-list{padding:50px 0}
.search-list .hd{border-bottom:#dbdcdd solid 1px}
.search-list .hd ul{display:flex}
.search-list .hd ul li{font-size:18px}
.search-list .hd ul li a{display:block;padding:0 50px 20px 0}
.search-list .hd ul li .active{color:#1865f2;font-weight:700}
.search-list .bd{padding-top:30px}
.search-list .bd ul li{font-size:18px;padding:10px 0}
.search-list .bd ul li em{font-family:SimSun;padding-right:8px}
.wap-popup{display:none}
@media screen and (max-width:1000px){body{width:100%;margin:0 auto;display:table}
.wap-popup{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100}
.wap-popup .box{width:100%;background:#0b2149;border-radius:0;text-align:center;padding:5vw 0;position:fixed;left:0;top:0;position:relative}
.wap-popup .box .txt{font-size:4vw;color:#fff}
.wap-popup .box .icon-guanbi{color:#fff;font-size:4vw;position:absolute;right:4vw;top:6vw}
}

.right-box{position: fixed;right:20px;bottom:20px;text-align: center;}
.right-box .hd{position: relative;width: 48px;height: 80px;cursor: pointer;;box-sizing: border-box;color: #fff;padding:10px;background: linear-gradient(180deg,#ff5744,#ffa25a);border: 2px solid #fff;border-radius: 24px;box-shadow: 0 3px 6px -4px rgba(94,123,218,.12), 0 6px 15px 0 rgba(94,123,218,.16);}
.right-box .hd i{font-size: 20px;}
.right-box .hd p{font-size: 12px;padding-top:3px}
.right-box .bd{width: 48px;border-radius: 24px;box-shadow: 0 6px 15px 0 rgba(94,123,218,.5), 0 3px 6px -4px rgba(94,123,218,.16);background: #fff;margin-top: 15px;text-align: center;padding:4px 0}
.right-box .bd .item{position: relative;background: linear-gradient(180deg,#165dff,#16a1ff);width: 40px;height: 40px;border-radius: 100%;display: inline-block;line-height: 40px; color: #fff; cursor: pointer;}
.right-box .bd .item i,.right-box .bd .item1 i{font-size:20px;}
.right-box .bd .item1{position: relative;width: 40px;height: 40px;border-radius: 100%;display: inline-block;line-height: 40px; color: #000; cursor: pointer; }
.right-box .bd .item1 a{display: block;}
.right-box .bd .item1 a:hover{text-decoration: none;}
.right-box .bd .item1:hover{color: #1865f2;background: #e8f3ff;}
.right-box .backTop{width: 48px;height: 48px;line-height: 48px;display: none;cursor: pointer;border-radius: 100%;box-shadow: 0 6px 15px 0 rgba(94,123,218,.5), 0 3px 6px -4px rgba(94,123,218,.16);background: #fff;margin-top: 10px;text-align: center;}
.right-box .right-popup{display: none;position: absolute;right:50px;top:0; z-index: 1000;background: #fff;color: #000;top: -88%;left: -172px;padding: 10px;width: 154px;height: 204px;background: #fff;box-shadow: 0 8px 20px 0 rgba(0,0,0,.06), 0 4px 10px 0 rgba(0,0,0,.08);box-sizing: border-box;border-radius: 8px;}
.right-box .right-popup::before{content: '';position: absolute;right:-6px;top:50%;transform: translateY(-50%);border-color: transparent transparent transparent #fff;border-style: solid;border-width: 6px 0 6px 6px;}
.right-box .popup1{height: 190px;top:-75px}
.right-box .popup1 p{padding-top:0px !important}
.right-box .popup2{background: #000;height: 32px;width: auto;line-height: 32px;color: #fff;padding:0;border-radius: 4px;top:4px;width: 160px;}
.right-box .popup2::before{border-color: transparent transparent transparent #000;}
.right-box .popup3{width: 100px;left:-114px}
.right-box .right-popup img{width: 100%;}
.right-box .right-popup p{font-size: 14px;padding-top:8px; color: #333;}

.ccH5PlayBtn{
    width: 100px !important;
    height: 100px !important;
    background: url(../images/video-icon.png) no-repeat !important;
    margin: -50px 0 0 -50px !important;
    background-size: cover !important;
}
